<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>睿游内网</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style type="text/css">
body{ background-color:#FFF;}
body,div,ul{margin:0; padding:0; font-family:'微软雅黑'; font-weight:lighter; list-style:none;}
#main-wrap {width:100%; margin:0; padding:0; text-align:left;}
#main-wrap td{vertical-align:top;}
#main-wrap header{
	width:100%; height:80px; color:#EEE;
	background-color:rgba(20,20,20,0.8); box-shadow:0 2px 2px #222;
	margin-bottom:20px;
}
#left-nav{
	width:250px; height:600px;
	text-align:center;
}
#left-nav ul{ width:95%; text-align:center;}
#left-nav li{
	width:auto; padding:10px 0 10px 50px; text-align:left; 
	letter-spacing:1px; color:#333; text-decoration:none; 
	background-color:rgb(250,250,250); margin:0 0 5px 10px;
	border-radius:3px; font-size:14px; font-weight:normal;
	box-shadow:0 0 1px #FFFFFF; border:#EEE 1px solid;
}
#left-nav li:hover{ border:#CCC 1px solid;}
#left-nav a{ text-decoration:none;}

#main-table { width:100%;}
#main-table td{ vertical-align:top;}
#litile-nav{float:left; vertical-align:top; width:100%;}
#litile-nav ul{ width:100%; border-radius:3px; overflow:hidden; padding-top:3px;}
#litile-nav .li-nav{
	float:left; width:100px;
	background-color:rgb(250,250,250); border:#EEE 1px solid;
	text-align:center; vertical-align:middle; font-size:14px;
	padding:5px 0 5px 0; color:#000;
}
#litile-nav .li-nav:hover{ border:#999 1px solid;}
#litile-nav .li-form{width:auto; height:0; overflow:hidden;}
#sql-info{
	padding-top:20px;
}
#sql-info .table-1{
	width:90%;font-weight:lighter; font-size:14px;
	margin:30px 0 0 30px;border-collapse:collapse;
}
#sql-info .table-1 th{border-bottom:#CCC 1px solid; text-align:left;}
#sql-info .table-1 td,th{ height:30px; vertical-align:middle; padding-left:5px;}

#sql-info .table-2{font-weight:lighter; font-size:14px; margin:30px 0 0 30px;}
.text-1{width:140px; height:28px; margin:0; padding:0; border:#F63 1px solid; margin-left:10px;}
.text-1:focus{outline:none; border-color:#FC3;}
.button-1{width:70px; height:30px; margin:0; padding:0; border:#CCC 1px solid; background-color:#FFF; border-left:0;}
.button-1:hover{background-color:#EEE;}
.button-2{width:60px; height:25px; margin:0; padding:0; border:#CCC 1px solid; background-color:#FFF;}
.text-3{width:180px; height:25px; border:#CCC 1px solid; border-radius:1px; margin:0; padding:0;}
.text-3:focus{outline:none; border-color:#F93;}
.button-3{width:70px; height:25px; margin:0; padding:0; border:#999 1px solid; background-color:#FFF;}
.button-3:hover{background-color:#CCC;}
</style>
</head>

<body>
<table id="main-wrap" border="0" cellpadding="0" cellspacing="0">
	<tr>
    	<td colspan="2">
    		<header>
        	</header>
   		</td>
    </tr>
    <tr>
    	<td width="300">
        	<div id="left-nav">
        		<ul>
            		<a href=""><li>面试记录</li></a>
                	<a href=""><li>设备管理</li></a>
                	<a href=""><li>游戏评测</li></a>
            	</ul>
        	</div>
        </td>
        <td>
        	<div id="content">
        		<div id="litile-nav">
            		<ul>
                		<a href="./itwWait"><li id="l-n-li1" class="li-nav">待面试</li></a>
                    	<a href="./itwHave"><li id="l-n-li2" class="li-nav">已面试</li></a>
                    	<a href="./addItw"><li id="l-n-li3" class="li-nav">新面试</li></a>
                        <li id="li-form" class="li-form">
                        	<form action="./dealItw" method="post">
                            <input type="hidden" name="form-id" id="form-id">
                            <input type="text" name="form-result" class="text-1" autofocus><input type="submit" value="确认" class="button-1"><input type="button" value="取消" onClick="rsDealItw()" class="button-1">
                            </form>
                        </li>
                	</ul>
            	</div>
            
            	<div id="sql-info">
                <form action='./addItw' method='post' enctype='multipart/form-data'>
                <table class="table-2" cellspacing="10">
                <tr>
                	<td><label for='form-name'>姓名：</label></td><td><input type='text' id='form-name' name='form-name' class='text-3'></td>
                	<td><label for='form-sex'>性别:</label></td><td><input type='radio' name='form-sex' value='1'>男&nbsp;&nbsp;&nbsp;
                    	<input type='radio' name='form-sex' value='2'>女</td>
                </tr>
                <tr>
                	<td><label for='form-contact'>联系方式:</label></td><td><input type='text' id='form-contact' name='form-contact' class='text-3'></td>
                    <td><label for='form-job'>面试职位:</label></td><td><input type='text' id='form-job' name='form-job'class='text-3'></td>
                </tr>
                <tr>
                	<td><label for='form-thedate'>面试时间:</label></td><td><input type='datetime-local' id='form-thedate' name='form-thedate' class='text-3'></td>
                    <td><label for='form-itwer'>面试官:</label></td><td><input type='text' id='form-itwer' name='form-itwer' class='text-3'></td>
                </tr>
                <tr>
                	<td><label for='form-resume'>简历上传</label></td>
                    <td><input type='file' id='form-resume' name='resume'></td> 
                    <td><input type='submit' value='提交' name='form-submit' class='button-3'></td>
                    <td><input type='reset' value='重置' class='button-3'></td>
                </table>
                </form>
            	</div>
            </div>
        </td>
     </tr>
</table>
</body>
<script language="javascript">
$("#l-n-li3").css("background-color","#aaa");
//deal itw
function dealItw(id,buttonid){
	$(".li-form").animate({height:30},100);
	$("#form-id").val(id);
	$(buttonid).css("background-color","#F93");
}
function rsDealItw(){
	$(".li-form").animate({height:0},100);
	$(".button-2").css("background-color","#FFF");
}
</script>
</html>